<template>
    <div class="Me">
       <span class="camera iconfont icon-xiangji"></span>
        <cuser-info :userInfo="userInfo"></cuser-info>
        <cell-goup>
            <contacts-item title='支付' :imgurl="require('@/assets/imgs/zf.png')" isLink></contacts-item>
        </cell-goup>
        <cell-goup>
            <contacts-item title='收藏' :imgurl="require('@/assets/imgs/sc.png')" isLink></contacts-item>
            <contacts-item title='相册' :imgurl="require('@/assets/imgs/xc.png')" isLink></contacts-item>
            <contacts-item title='卡包' :imgurl="require('@/assets/imgs/kb.png')" isLink></contacts-item>
            <contacts-item title='表情' :imgurl="require('@/assets/imgs/bq.png')" isLink></contacts-item>
        </cell-goup>
        <cell-goup>
            <contacts-item title='设置' :to="{name:'设置'}" :imgurl="require('@/assets/imgs/sz.png')" isLink></contacts-item>
        </cell-goup>
    </div>
</template>
<script>
import cuserInfo from "./userInfoModel/CuserInfo.vue"

export default {
    components:{
        cuserInfo
    },
    computed:{
        userInfo(){
            return this.$store.state.userinfo
        }
    },
    data(){
        return {
            
        }
    },

}
</script>

<style lang="scss" scoped>
.Me{
    padding-bottom: $bottomNavHeight
}
.camera{
    font-size: 1.7rem;
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 10;
}
</style>
